<nav mat-tab-nav-bar [tabPanel]="tabPanel">
  @for (link of navLinks; track link.label) {
    <a
      #rla="routerLinkActive"
      mat-tab-link
      routerLinkActive
      [ixTest]="link.label"
      [routerLink]="link.path"
      [active]="rla.isActive"
    >
      {{ link.label | translate }}
    </a>
  }
</nav>

<router-outlet mat-tab-nav-panel>
  <mat-tab-nav-panel #tabPanel>
    @switch (activeTab()) {
      @case ('sessions') {
        <ix-smb-session-list
          [ixUiSearch]="searchableElements.elements.sessions"
        ></ix-smb-session-list>
      }

      @case ('locks') {
        <ix-smb-lock-list
          [ixUiSearch]="searchableElements.elements.locks"
        ></ix-smb-lock-list>
      }

      @case ('shares') {
        <ix-smb-share-list
          [ixUiSearch]="searchableElements.elements.shares"
        ></ix-smb-share-list>
      }

      @case ('notifications') {
        <ix-smb-notification-list
          [ixUiSearch]="searchableElements.elements.notifications"
        ></ix-smb-notification-list>
      }
    }
  </mat-tab-nav-panel>
</router-outlet>
